<!DOCTYPE html>
<html>
<head>
	<title>Vue.extend 扩展示例构造器</title>
	<meta charset="utf-8">
	<script type="text/javascript" src="../static/vue.js"></script>
</head>
<body>
	<h1>Vue.extend 扩展示例构造器</h1>
	<hr>
	<author></author>
	<div id="author" class="author"></div>
	<script type="text/javascript">
		var authorUrl = Vue.extend({
			template:"<p><a :href='authorUrl'>{{authorName}}</a></p>",
			data:function(){
				return{
					authorName:"chenhao",
					authorUrl:"http://www.baidu.com"
				};
			}
		});

		new authorUrl().$mount("author");
		new authorUrl().$mount("#author");
	</script>
</body>
</html>